<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
		<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.2r1/build/reset/reset-min.css">
		<link rel = "stylesheet" type="text/css" href="css/main.css" />
		<title>My pets!</title>
	</head>
	<body>
		<div class="page">
			<div class="header">
				<a href=""><img src="images/logo.png" alt="logo" /></a>
			</div>
			<div class="menu">
				<div class="left">
				</div>
				<div class="center">
					<ul>
						<li><a href="">Любимцы</a>|</li>
						<li><a href="">Пользователи</a>|</li>
						<li><a href="">Фото</a>|</li>
						<li><a href="">Видео</a>|</li>
						<li><a href="">Блоги</a>|</li>
						<li><a href="">Выставки</a>|</li>
						<li><a href="">Клубы</a>|</li>
						<li><a href="">Консультация и Ответы</a></li>
					</ul>
				</div>
				<div class="right">
				</div>
			</div>
			<div class="main">
				<div class="left-column">
					<div class="left-menu">
						<ul>
							<li><a href="">Моя страница</a></li>
							<li><a href="">Мои питомцы</a></li>
							<li><a href="">Мой блог</a></li>
							<li><a href="">Мой фотоальбом</a></li>
							<li><a href="">Мой видеоальбом</a></li>
							<li><a href="">Мои клубы</a></li>
							<li><a href="">Моя почта</a></li>
							<li><a href="">Мои друзья</a></li>
							<li><a href="">Мои новости</a></li>
						</ul>
					</div>
					<div class="login">
						<p><a href="">Регистрация</a>|<a href="">Забыли пароль?</a></p>
						<form>
							<label>Логин</label>
							<input class="text" type="text" name="login" value="" />
							<label>Пароль</label>
							<input class="text" type="password" name="login" value="" /><br /><br />
							<input class="checkbox" type="checkbox" /><p>Чужой компьютер</p>
							<a class="button popup-button" href="" target="_self"><span><em>&nbsp;</em>Войти</span></a>
						</form>
					</div>
				</div>
				<div class="content">
				
					<div class="window pets" style="width: 350px; margin: 0; float: left; clear: left;">
						<div class="window-head">
							<p class="window-title">Любимцы</p>
							<a href="" class="window-link">все</a>
						</div>
						<div class="window-content">
							<div class="pet">
								<img src="images/pet_ava1.jpg" alt="" />
								<a href="" class="name">Вася</a><br/>
								<a href="">кошки</a><br/>
								<a href="">персидский</a><br/>
							</div>
							<div class="pet">
								<img src="images/pet_ava2.jpg" alt="" />
								<a href="" class="name">Кнопка</a><br/>
								<a href="">грызуны</a><br/>
								<a href="">персидский</a><br/>
							</div>
							<div class="pet">
								<img src="images/pet_ava3.jpg" alt="" />
								<a href="" class="name">Машка</a><br/>
								<a href="">кошки</a><br/>
								<a href="">балинезийская</a><br/>
							</div>
						</div>
						<div class="window-bottom-left">
							<div class="window-bottom-right">
							</div>
						</div>
					</div>
					
					<div class="window pets" style="width: 350px; margin: 20px 0 0; float: left;">
						<div class="window-head">
							<p class="window-title">Пользователи</p>
							<a href="" class="window-link">все</a>
						</div>
						<div class="window-content">
							<div class="pet">
								<img src="images/friend_ava.jpg" alt="" />
								<a href="">Алексей<br /> Есков</a>
							</div>
							<div class="pet">
								<img src="images/friend_ava.jpg" alt="" />
								<a href="">Алексей<br /> Есков</a>
							</div>
							<div class="pet">
								<img src="images/friend_ava.jpg" alt="" />
								<a href="">Алексей<br /> Есков</a>
							</div>
						</div>
						<div class="window-bottom-left">
							<div class="window-bottom-right">
							</div>
						</div>
					</div>
					
					<div class="window blog" style="width: 300px; margin: 0; float: right; position: relative; bottom: 240px;">
						<div class="window-head">
							<p class="window-title">Блоги</p>
							<a href="" class="window-link">все</a>
						</div>
						<div class="window-content">
							<div class="post">
								<a href="" class="title">Как вырастить спортивного пса</a>
								<p class="date">30.03.2011</p>
								<p class="text">Для того чтобы пёс рос спортивным его нужно часто выгуливать, бегать с ним через препятствия. Вот об этом я хочу рассказать в своём посте... </p>
								<a href="" class="more">Подробнее</a>
							</div>
							<div class="post">
								<a href="" class="title">Что делать, если рыбка не ест.</a>
								<p class="date">29.03.2011</p>
								<p class="text">Для того чтобы пёс рос спортивным его нужно часто выгуливать, бегать с ним через препятствия. Вот об этом я хочу рассказать в своём посте... </p>
								<a href="" class="more">Подробнее</a>
							</div>
							<div class="post">
								<a href="" class="title">Рассуждения о том, как завести аквариум дома с рыбками.</a>
								<p class="date">29.03.2011</p>
								<p class="text">Для того чтобы пёс рос спортивным его нужно часто выгуливать, бегать с ним через препятствия. Вот об этом я хочу рассказать в своём посте... </p>
								<a href="" class="more">Подробнее</a>
							</div>
						</div>
						<div class="window-bottom-left">
							<div class="window-bottom-right">
							</div>
						</div>
					</div>
					
				</div>
			</div>
			<div class="footer">
			</div>
		</div>
	</body>
</html>